<template>
  <!-- 贵州(首页)-->
  <div class="fluid">
    <el-breadcrumb class="bread" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Campus' }">课程服务</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/loginCourse' }">走进校园</el-breadcrumb-item>
      <el-breadcrumb-item>暑期营活动</el-breadcrumb-item>
      <el-breadcrumb-item>贵州</el-breadcrumb-item>
      <el-breadcrumb-item>查看更多</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="imags"></div>
    <div class="siz">
      <p class="header0">贵州</p>
      <div class="xm"></div>
      <p
        class="header00"
      >2018年7月，哈工科教教育团队在贵州贵阳举办了暑期科技体验营活动，本次活动以体验式教学训练同学们的多维度能力，利用编程为孩子打通逻辑思维能力，从而拓宽孩子的视野。活动过程中哈工科教教师讲解了硬件机器人的搭建方法，同时也教会了同学们基础软件的使用。同学们在所学知识的支持下凭借丰富的想象力完成了许多让人眼前一亮的作品。贵州电视台对本次活动进行了全程跟踪采访。</p>
    </div>
    <ul clss="ula">
      <li class="liad" v-for="item in img" :key="item.id">
        <img :src="item.images" alt="">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "xiamen",
  data(){
    const img =[
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/17-img.png"
      },
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/19-img.png"
      },
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/18-img.png"
      }
    ]
  return{
    img
  }
  }
};
</script>

<style scoped>
.fluid {
  min-width: 1200px;
  margin: 0 auto;
  margin-top: 235px;
}
.bread {
  margin-bottom: 60px;
}
.imags {
  width: 1200px;
  height: 565px;
  background:no-repeat url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/20-img.png");
  margin-bottom: 60px;
}
.siz {
  width: 1200px;
  height: 247px;
  margin: 0 auto;
  margin-bottom: 169px;
}
.header0 {
  text-align: center;
  font-family: "黑体";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 41px;
  letter-spacing: 0px;
  color: #525252;
  margin-bottom: 22px;
}
.header00 {
  font-family:"黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 39px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
}
.liad{
  height: 560px;
  background: pink;
  margin-bottom: 100px;
}
.xm{
  width: 20px;
	height: 3px;
	background-color: #08aaff;
  margin: 0 auto;
  margin-bottom: 50px;
}
</style>
